</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>三七物联管理平台</title>
    <script src="/home/js/rem.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="/home/css/ui.css">
    <link rel="stylesheet" type="text/css" href="/home/css/rude.css"/>
    <link rel="stylesheet" type="text/css" href="/home/css/style.css"/>
      <style type="text/css">
      /* .aui-list-cells > ul >li{
        background: white;
        }*/
          body{
              background-color: #f5f5f5;
          }
    </style>
  </head>
  <body>
    <div class="device-added-one">
    <div class="added-top" style="position: relative;">
      <a href="#" onClick="javascript:history.back(-1);"><!-- <img class="back1" src="/home/images/icon/return.png" style="display: block;position: absolute;top: 27%;" /> -->
        <i class="icon icon-back-sx" style="display: block;position: absolute;top: 27%;left: 4%"></i>
        <p style="width: 20%;height: 18px;text-align: center;line-height: 18px;color: white;position: absolute;left: 50%;margin-left: -10%;top: 27%;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;">设备列表</p>
      </a>
    </div>
    <div class="devider b-line" style="background-color: #f1f1f1"></div>
     <div class="aui-list-cells" style="background-color: #f5f5f5;">
        <ul>
            @if(!empty($data))
                @foreach($data as $v)
                    <a href="/home/{{$devType}}/index?num={{$v['num']}}"><li style="width:  24.5%;height: 1.7rem;float: left;position: relative;margin:0.25%;background: white;">
                     <p style="width: 100%;color: #ea7a7a;;position: absolute;left: 50%;margin-left: -50%;text-align: center;line-height: 5px;height: 5px;top: 6px;font-size: 13px">{{$v['num']}}</p>
                     <img src="/home/images/44.png" style="display: block; position: absolute; left: 50%; margin-left: -20px;height: 5px;top: 18px; width: 40px;height: 40px">
                     <p style="color: #c3bebe; width: 1.5rem; color: #6f6b6b; position: absolute; left: 50%; margin-left: -0.75rem; text-align: center; line-height: 5px; height: 5px; top: 64px;">卧室</p>
                    </li></a>
                @endforeach
            @endif
        </ul>   
     </div>
    </div>
  </body>

    <script src="/home/js/jquery.js"></script>
    <script src="/home/js/main.js"></script>
    <script type="text/javascript">
        $(function () {
        $('.spa1').on('click', function () {
                    console.log(1111)

                });

        });
    </script>
</html>
